// // tailwind.config.js
// module.exports = {
//   content: [
//     './src/**/*.{vue,js,ts,jsx,tsx}'
//   ],
//   theme: {
//     extend: {}
//   },
//   plugins: [
//     require('@tailwindcss/typography')
//   ]
// }

import typography from '@tailwindcss/typography'
const defaultTheme = require('tailwindcss/defaultTheme')

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    extend: {
      // fontFamily: {
      //   // 'custom-medium': ["思源黑体 Medium"],
      // },
      // colors: {
      //   // commonFontColor: "rgba(0,0,0,0.88)",
      // }
      fontFamily: {
        sans: ['"Inter var"', ...defaultTheme.fontFamily.sans]
      },
      screens: {
        sm: '576px',
        md: '768px',
        lg: '992px',
        xl: '1200px',
        '2xl': '1600px'
      }
    }
  },
  plugins: [typography]
}
